﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaCita
@{
    Layout = "~/Views/Shared/_VentasLayout.cshtml";
	ViewBag.Title = "Listado de Citas";
}
<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
			    .text(t)
			    .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
		   
		    .click(function () {
		        $("#dialog-form").dialog("open");
		    });
    });

</script>

<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
    }
</script>

	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
					<article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Citas</h3>
							<ul id="subMenu">
                                <li>
									<h5>@Html.ActionLink("Lista de Cita", "RegistrarCitaVentas")</h5>
								</li>								
							</ul>
						</nav>
					</article>
					<div id="dialog-form" title="Busqueda de Cita">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="../Ventas/RegistrarCitaVentas">

                            <!--FECHA DEL VENDEDOR-->
							<div class="row">
                                <span>Codigo Cita</span>
                                @Html.TextBoxFor(model => model.prIdCita, new { style = "border: 1px solid black; margin-left: 41px; margin-bottom: 6px;" }) 
                                @Html.ValidationMessageFor(model => model.prIdCita)                                 
                            </div>
                                                              
                            <!--ESTADO-->
                            <div class="row" >
                                <span>Estado</span>
                                @Html.TextBoxFor(model => model.prEstado, new { style = "border: 1px solid black; margin-left: 5px; margin-bottom: 6px;" }) 
                                @Html.ValidationMessageFor(model => model.prEstado) 
                            </div>

                            <!--IDINMUEBLE-->
                            <div class="row">
                                <span>ID Inmueble</span>
                                @Html.TextBoxFor(model => model.prIdInmueble, new { style = "border: 1px solid black; margin-left: 5px; margin-bottom: 6px;" }) 
                                @Html.ValidationMessageFor(model => model.prIdInmueble) 
                            </div>

						</form>
					</div>

					<article class="col1">
						<!--dentro de div pad2 trabajare mi formulario -->
						<div class="pad2">
							<h2 class="pad_bot1 pad_top1">Lista de Citas</h2>

							<form id="ContactForm" method="post">
								<div class="wrapper">	
									<h3 style="padding-top: 0px; padding-bottom: 10px;">Busqueda de Citas
									<a id="buscar"><img src="../Content/site/images/icono_buscar.png" /></a>
									</h3>

									<table  border="0" id="indice">
                                        <tr>
										    <th>Codigo</th>
										    <th>Fecha Posible</th>
                                            <th>Hora (Hr)</th>
										    <th>Estado</th>	
                                            <th>Direccion</th>
                                            <tH>Imagen</tH>
                                            									    
										    <th>Editar</th>
                                            
										</tr>
										@foreach (var cita in ViewBag.ListaCita)
		                                {
											<tr class="alt">
												<td>@cita.prIdCita</td>
                                                <td>@cita.prFecha.ToString("dd/MM/yyy")</td>
                                                <td>@cita.prHora</td>
                                                <td>@cita.prEstado</td>               
                                                
                                                
                                               @foreach (var inmueble in ViewBag.ListaInmueble)
                                               {    
                                                   if(@inmueble.prIdInmueble==@cita.prInmueble.prIdInmueble)
                                                   {
                                                    <td>@inmueble.prDireccion</td>                                                   
                                                    <td ><img src="@inmueble.prImagen" style="height: 90px; width: 90px;"/></td>                                                   
                                                       break;
                                                   }
                                                }

												<td><a href="/Ventas/ModificarCita?prIdCita=@cita.prIdCita"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
												
											</tr>
		                                }
									</table>

								</div>
							</form>
						</div>
						<br />
                        <span style="float: none; margin-left: 29px;">
							@if (ViewBag.prevPage > 0)
	                        {
								<a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
	                        }
							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
								{
									<a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>

